/* pages/user/index.wxss */
page {
  background-color: #edece8;
}
.user_info_wrap {
  position: relative;
  height: 30vh;
  overflow: hidden;
  background-color: var(--themeColor);
  .user_img_wrap {
    .user_bg {
      height: 35vh;
      filter: blur(10rpx);
    }
    .user_info {
      position: absolute;
      top: 10%;
      left: 50%;
      transform: translateX(-50%);
      .user_icon {
        width: 150rpx;
        height: 150rpx;
        border-radius: 50%;
      }
      .user_name {
        margin-top: 20rpx;
        text-align: center;
        font-size: 36rpx;
      }
    }
  }
  .user_btn {
    padding: 0;
    width: 100rpx;
    border-radius: 10rpx;
    top: 30%;
    navigator {
      height: 70rpx;
      line-height: 70rpx;
      font-size: 38rpx;
    }
  }
}
.user_content {
  transform: translateY(-40rpx);
  .user_main {
    width: 90%;
    margin: 0 auto;
    background-color: #fff;
    .history_wrap {
      display: flex;
      border-bottom: 20rpx solid #edece8;
      navigator {
        flex: 1;
        text-align: center;
        padding: 10rpx 0;
        .his_num {
          color: var(--themeColor);
        }
      }
    }
    .orders_wrap {
      border-bottom: 20rpx solid #edece8;
      .orders_title {
        padding: 20rpx;
        border-bottom: 1px solid #ededed;
      }
      .order_contents {
        display: flex;
        navigator {
          flex: 1;
          text-align: center;
          padding: 15rpx 0;
          .iconfont {
            font-size: 40rpx;
            color: var(--themeColor);
          }
        }
      }
    }
    .address_wrap {
      border-bottom: 20rpx solid #edece8;
      padding: 20rpx;
    }
    .app_info_wrap {
      .app_info_item {
        padding: 20rpx;
        display: flex;
        justify-content: space-between;
        &:nth-child(-n+2) {
          border-bottom: 1rpx solid #edece8;
        }
      }
    }
    .recommend_wrap {
      border-top: 20rpx solid #edece8;
      padding: 20rpx;
    }
  }
}